<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<style type='text/css'>
.panel{
	width: 110px;
	height: 45px;
	overflow:hidden;
	transition: width 0.6s ease 0s;
	white-space: nowrap;
	float:left;
	display:inline;
	border-left: 1px solid #D4D4D4;
}

.panel_unwrap{
	width: 332px;
}
.menu_title_1{
	width: 110px;
	height: 45px;
	float:left;
	display: inline;
	overflow:hidden;
	white-space: nowrap;
}
.menu_title_1 a{
	font-size:28;
	color:#C7BCA3;
	white-space: nowrap;
}
.menu_title_2{
	line-height:33px;
	white-space: nowrap;
	margin: 0;
    padding: 0;
}
.menu_title_2 a{
	font-size:14;
	color:#353535;
	white-space: nowrap;
}

</style>

<div class='menu' style="height:60px;width:1000px;white-space:nowrap;overflow:hidden;">
	<div id='panel_1' class="panel">
		<div class="menu_title_1"><a href="http://luxury.fengsung.com/">奢侈品</a></div>
		<p class="menu_title_2">
		<a href="http://luxury.fengsung.com/wanbiao/">腕表</a>&nbsp; 
		<a href="http://luxury.fengsung.com/zhubao/">珠宝</a>&nbsp;
		<a href="http://luxury.fengsung.com/mingche/">名车</a>&nbsp;  
		<a href="http://luxury.fengsung.com/feiji/">飞机</a>&nbsp;
		<a href="http://luxury.fengsung.com/youting/">游艇</a></p>
	</div>
	<div id='panel_2' class="panel">
		<div class="menu_title_1"><a href="http://fashion.fengsung.com">时尚</a></div>
		<p class="menu_title_2">
		<a href="http://fashion.fengsung.com/meixie/">美鞋</a>&nbsp; 
		<a href="http://fashion.fengsung.com/fushi/">服饰</a>&nbsp; 
		<a href="http://fashion.fengsung.com/xiangbao/">箱包</a>&nbsp;
		<a href="http://fashion.fengsung.com/meirong/"> 美容</a>&nbsp; 
		<a href="http://fashion.fengsung.com/xiangshui/">香水</a></p>	
	</div>
	<div id='panel_3' class="panel">
		<div class="menu_title_1"><a href="http://life.fengsung.com">生活</a></div>
		<p class="menu_title_2">
		<a href="http://life.fengsung.com/dujia/">度假</a>&nbsp; 
		<a href="http://life.fengsung.com/meishi/">美食</a>&nbsp;
		<a href="http://life.fengsung.com/meijiu/"> 美酒</a>&nbsp; 
		<a href="http://life.fengsung.com/jiaju/">家居</a>&nbsp; 
		<a href="http://life.fengsung.com/haozhai/">豪宅</a></p>	
	</div>
	<div id='panel_4' class="panel">
		<div class="menu_title_1"><a href="http://brand.fengsung.com">品牌库</a></div>
		<p class="menu_title_2">
		<a href="http://brand.fengsung.com/p_mingche.html">名车</a>&nbsp; 
		<a href="http://brand.fengsung.com/p_wanbiao.html">腕表</a>&nbsp; 
		<a href="http://brand.fengsung.com/p_fushi.html">服饰</a>&nbsp; 
		<a href="http://brand.fengsung.com/p_feijie.html">飞机</a>&nbsp; 
		<a href="http://brand.fengsung.com/p_youting.html">游艇</a></p>
	</div>
	<div id='panel_5' class="panel">
		<div class="menu_title_1"><a href="http://people.fengsung.com">人物</a></div>
		<p class="menu_title_2">
		<a href="http://people.fengsung.com/man/">男人</a>&nbsp;
		<a href="http://people.fengsung.com/lady/">女人</a>&nbsp; 
		<a href="http://people.fengsung.com/fangtan/">访谈</a>&nbsp; 
		<a href="http://people.fengsung.com/mingxing/">明星</a>&nbsp; 
		<a href="http://people.fengsung.com/mingren/">名人</a></p>	
	</div>
	<div id='panel_6' class="panel">
		<div class="menu_title_1"><a href="http://pic.fengsung.com" >图库</a></div>
		<p class="menu_title_2">
		<a href="http://pic.fengsung.com/g_c-14ec699f-5c89-43c5-95b6-ac25d7e2ec72_t-LOGNITUDINAL_COVER.html">人物</a>&nbsp; 
		<a href="http://pic.fengsung.com/g_c-b0c64b5a-b869-44c4-80e6-f2dc5a1aa6e8_t-LOGNITUDINAL_COVER.html">秀场</a>&nbsp; 
		<a href="http://pic.fengsung.com/g_c-efad0a16-d291-4218-97cb-1159e72fb614_t-TRANSVERSE_COVER.html">街拍</a>&nbsp; 
		<a href="http://pic.fengsung.com/g_c-6e4dda69-08f9-4de3-9d6a-f5a59c42b0e5_t-TRANSVERSE_COVER.html">地理</a>&nbsp;
		<a href="http://pic.fengsung.com/g_c-5cd74a20-9e22-44fe-9da1-25f62d112a1e_t-LOGNITUDINAL_COVER.html">大片</a></p>	
	</div>
	<div id='panel_7' class="panel">
		<div class="menu_title_1"><a href="http://news.fengsung.com">资讯</a></div>
		<p class="menu_title_2">
		<a href="http://people.fengsung.com/shuma/">数码</a>&nbsp; 
		<a href="http://people.fengsung.com/jiankang/">健康</a>&nbsp; 
		<a href="http://people.fengsung.com/vogue/">风尚</a>&nbsp; 
		<a href="http://people.fengsung.com/muying/">母婴</a>&nbsp; 
		<a href="http://people.fengsung.com/luxury/">奢品</a></p>
	</div>
</div>
<script>
$('.panel').mouseover(function(){
	$('.panel').removeClass('panel_unwrap');
});
$('#panel_1').mouseover(function(){
	$('#panel_1').addClass('panel_unwrap');
});
$('#panel_2').mouseover(function(){
	$('#panel_2').addClass('panel_unwrap');
});
$('#panel_3').mouseover(function(){
	$('#panel_3').addClass('panel_unwrap');
});
$('#panel_4').mouseover(function(){
	$('#panel_4').addClass('panel_unwrap');
});
$('#panel_5').mouseover(function(){
	$('#panel_5').addClass('panel_unwrap');
});
$('#panel_6').mouseover(function(){
	$('#panel_6').addClass('panel_unwrap');
});
$('#panel_7').mouseover(function(){
	$('#panel_7').addClass('panel_unwrap');
});
</script>